.TW_UI_componentDetail {
  min-width: 300px;
  /* height: 500px; */
  white-space: pre-wrap;
  padding: 20px;
  line-height: 1.5;
}
.TW_UI_componentApi {
  padding: 20px;
  min-width: 1000px;
}
.TW_UI_componentApi .TW_UI_title {
  color: #0d1a26;
  font-size: 24px;
  line-height: 32px;
}
.TW_UI_apiContainer {
}
.TW_UI_apiHeaher,
.TW_UI_apiItem {
  height: auto;
  background: #e6e6e6;
  color: #0d1a26;
  font-size: 14px;
  display: flex;
  padding: 0 20px;
  position: relative;
  line-height: 50px;
  text-align: left;
}
.TW_UI_apiItem {
  background: transparent;
  border-bottom: 1px solid #eee;
}
.TW_UI_apiContainer_ {
  width: 100%;
  min-height: 50px;
  padding: 10px;
}
.TW_UI_apiContainer_ span {
  position: absolute;
  display: block;
  top: 50%;
  white-space: pre-wrap;
  transform: translateY(-50%);
  width: 21%;
}
.TW_UI_apiContainer_:nth-of-type(2) span {
  width: 500px;
}
.TW_UI_apiContainer_:nth-of-type(1) span {
  width: 250px;
}
.TW_UI_apiHeaher div {
  flex: 1;
  padding: 10px;
}
.TW_UI_apiHeaher div:nth-of-type(2),
.TW_UI_apiHeaher div:nth-of-type(4) {
  width: 500px;
  flex: none;
}
.TW_UI_apiHeaher div:nth-of-type(1) {
  width: 250px;
  flex: none;
}
.TW_UI_apiItem div {
  flex: 1;
}
.TW_UI_apiItem div:nth-of-type(2),
.TW_UI_apiItem div:nth-of-type(4) {
  width: 500px;
  flex: none;
}
.TW_UI_apiItem div:nth-of-type(1) {
  width: 250px;
  flex: none;
}
div.TW_UI_apiType {
  color: #ff4d4f;
  width: 300px;
}
div.TW_UI_apiDefaultValue {
  color: #0a86ec;
  width: 300px;
}
